<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="description" content="参加竞赛，无限兑换心动奖品。免费获得iPhoneX，就在现在！" />
	<title>集分竞宝</title>
	<!-- 站标 -->
	<link rel="Shortcut Icon" href="favicon.ico">
	<link rel="stylesheet" href="css/common.css">
	<script src="js/jquery.min.js"></script>
	<script src="http://www.zbqibing.com/public/method.js"></script>
	<script src="js/ad.js"></script>
	<style>


		/*顶部-nav*/
		.nav-top{
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    height: 75px;
		    /*background: rgba(38, 32, 21, 0.95);*/
		    z-index: 10;
		}
		.nav-right,.nav-left{
		    height: 100%;
		    position: absolute;
		    top: 0;
		}
		.nav-right{
		    right: 3px;
		}
		.nav-left{
		    left: 6px;
		}
		.nav-left a {
		    display: block;
		}
		.nav-left .logo-pic{
			cursor: pointer;
			width: 55px;
		    height: 55px;
		    background: url(img/ad/nav-logo-pic.png) no-repeat center/contain;
		}
		.nav-left .logo-txt{
			cursor: pointer;
			width: 157px;
		    height: 72px;
		    background: url(img/ad/nav-logo-txt.png) no-repeat center/contain;
		}
		.nav-right .btn{
		    width: 120px;
		    height: 45px;
		}
		.entry {
			cursor: pointer;
			width: 162px;
			height: 54px;
			background: url(img/ad/top-entry.png) no-repeat center/contain;
		}
		.content {
			overflow: hidden;
		}
		.mg-top-75 {
			/*margin-top: 75px;*/
		}
		img {
			cursor: pointer;
			position: relative;
			z-index: 1;
			min-width: 1200px;
			margin: 0 auto;
			width: 100%;
		}
		img.nopointer {
			cursor: inherit;
		}
		.bottom {
			min-width: 1200px;
			margin: 0 auto;
			background-color: #0F0601;
			padding: 32px 0;
		}
		.bottom a {
			color: #fff;
		}
		.tubiao, .lianxi{
			margin: 0 auto;
			width: 80%;
			min-width: 1200px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			background: url(img/ad/bottom-bg-xian.png) no-repeat center bottom;
		}
		.tubiao li a {
			display: block;
			width: 100%;
			height: 100%;
		}
		.tubiao li {
		    width: 33.3%;
		    height: 182px;		}
		.tubiao li.micro {
			background: url(img/ad/bottom-mcro.png) no-repeat center;
		}
		.tubiao li.jifen {
			background: url(img/ad/bottom-jifen.png) no-repeat center;
		}
		.tubiao li.ecode {
			background: url(img/ad/bottom-ecode.png) no-repeat center;
		}
		.lianxi li{
			width: 33.3%;
			color: #fff;
			text-align: center;
			font-size: 24px;
		}
		.lianxi li span {
		    position: relative;
		    top: 7px;
		    left: -13px;
		    display: inline-block;
		    width: 29px;
		    height: 29px;
		}
		.lianxi li.weibo span {
			background: url(img/ad/icon-weibo.png) no-repeat center;
		}
		.lianxi li.qq span {
			background: url(img/ad/icon-qq.png) no-repeat center;
		}
		.lianxi li.dianhua span {
			background: url(img/ad/icon-dianhua.png) no-repeat center;
		}
		.icp {
			color: #fff;
			text-align: center;
			line-height: 30px;
			font-size: 20px;
			/*padding-top: 70px;*/
		}
		.icp a {
			color: #fff;
		}

.barBg {
      width: 247px;
      /*height: 625px;*/
      height: 478px;
      position: fixed;
      top: 0;
      right: 20px;
      bottom: 10px;
      padding-left: 20px;
      margin: auto;
      z-index: 5;
      border-radius: 10px 10px 10px;
      /*background: url(img/ad/bar-bg.png) no-repeat center;*/
      background: url(img/ad/bar-bg.png) no-repeat center top;
}
		.bar {
      width: 169px;
      position: absolute;
      left: 6px;
      right: 0;
      bottom: 19px;
      margin: auto;
      z-index: 5;
		}
		.bar .ios {
			cursor: pointer;
			width: 169px;
			height: 52px;
			background: url(img/ad/download-ios.png) no-repeat center;
			margin: 10px 0 10px 0;
		}
		.bar .Android {
			cursor: pointer;
			width: 169px;
			height: 52px;
			background: url(img/ad/download-android.png) no-repeat center;
			margin: 10px 0 10px 0;
		}
		.bar .qr-load {
			width: 169px;
			height: 167px;
			background: url(img/ad/qr-load-all.png) no-repeat center/contain;
		}
	.gotop {
		cursor: pointer;
		position: fixed;
		z-index: 999;
	    /*top: 0;*/
	    right: 5px;
	    bottom: 50px;
	    margin: auto;
		width: 100px;
		height: 100px;
		background: url(img/ad/go-top.png) no-repeat center/contain;
	}

   	/*左侧菜单栏*/
   	.menu {
	    position: fixed;
	    z-index: 888;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    width: 219px;
	    height: 477px;
	    padding-top: 120px;
	    padding-right: 39px;
	    background: url(img/ad/bg-left-menu.png) no-repeat center/contain;
   	}
   	.menu li {
   		cursor: pointer;
	    text-align: center;
	    line-height: 59px;
	    color: #fff;
	    font-size: 24px;
   	}
   	.ecodePopBox {
   		display: none;
   		position: fixed;
   		z-index: 999;
   		top: 0;
   		left: 0;
   		right: 0;
   		bottom: 0;
   		background-color: rgba(0, 0, 0, 0.5);
   	}
   	.popecode {
   		position: absolute;
   		z-index: 999;
   		top: 0;
   		left: 0;
   		right: 0;
   		bottom: 0;
   		margin: auto;
   		width: 626px;
   		height: 504px;
   		background: url(img/ad/popecode.png) no-repeat center/contain;
   	}
   	.popecode .closeBtn {
   		cursor: pointer;
		position: absolute;
	    z-index: 999;
	    top: 0;
	    right: 0;
	    width: 66px;
	    height: 66px;
   	}
	</style>
</head>
<body>
	<div class="nav-top">
		<div class="nav-left hb vc toWebsite">
			<p class="logo-pic"></p>
			<p class="logo-txt"></p>
		</div>
		<div class="nav-right hb vc toWebsite">
			<p class="entry"></p>
		</div>
	</div>
	<div class="content mg-top-75">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_01.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_02.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_03.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_04.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_05.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_06.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_07.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_08.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_09.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_10.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_11.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_12.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_13.jpg">
		<img class="cdnImg" class="lazy" src="" data-src="img/ad/1_14.jpg">
	</div>
  <div class="barBg">
    <div class="bar">
      <div class="barvideo video-button" data-videoname="game">
        <div class="video-box"></div>
        <div class="play"></div>
      </div>
      <div class="ios" id="iphone"></div>
      <div class="Android" id="android"></div>
      <!-- <div class="qr-load"></div> -->
    </div>
  </div>
	<!-- <div class="gotop goTopBtn"></div> -->
	<!-- 点击兑换弹出层 -->
	<div class="ecodePopBox">
		<div class="popecode">
			<div class="closeBtn"></div>
		</div>
	</div>
<script src="http://www.zbqibing.com/public/jquery.min.js"></script>
<script src="http://www.zbqibing.com/public/jquery.lazyload.min.js"></script>
<script>
	$(function(){
		
	  $(".cdnImg").each(function(){
	  	var domainNames = [
	  		'http://i1.zbqibing.com',
	  		'http://i2.zbqibing.com',
	  		'http://i3.zbqibing.com',
	  		'http://i4.zbqibing.com',
	  		'http://i5.zbqibing.com'
	  	]
	  	var cdnUrl = domainNames[Math.floor(Math.random() * (domainNames.length))]
	  	$(this).attr("src", cdnUrl + '/box/' + $(this).data("src"))
	    console.log(cdnUrl + '/box/' + $(this).data("src"))
	  });
	})
</script>
</body>
</html>